{% extends 'IcsocUIBundle::base.html.twig' %}

{% block content %}
    <div id="tree1" class="tree"></div>
{% endblock %}
{% block footer %}
    {% javascripts
    '@tree_js'
    '@IcsocUIBundle/Resources/public/plugin/fuelux/fuelux.tree-sample-demo-data.js'
    filter='uglifyjs'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
    <script>
        $('#tree1').ace_tree({
            dataSource : treeDataSource ,
            multiSelect : true,
            loadingHTML : '<div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>',
            'open-icon' : 'ace-icon tree-minus',
            'close-icon' : 'ace-icon tree-plus',
            'selectable' : true,
            'selected-icon' : 'ace-icon fa fa-check',
            'unselected-icon' : 'ace-icon fa fa-times'
        });
    </script>
{% endblock %}